import React, { memo } from 'react'
// import { connect } from 'react-redux'
import ASTopBanner from './c-cpns/top-banner/index'
import ASHotRecommend from './c-cpns/hot-recommend/index'
import ASNewAlbum from './c-cpns/new-album/index'
import ASRecomendRanking from './c-cpns/recommend-ranking/index'
import ASUserLogin from './c-cpns/user-login/index'
import ASSettleSinger from './c-cpns/settle-singer/index'
import ASAnchor from './c-cpns/hot-radio/index'
import { 
  RecommendWrapper,
  Content,
  RecommendLeft,
  RecommendRight
 } from './style'

function ASRecommend() {

  return (
    
    <RecommendWrapper> 
      <ASTopBanner/>
      <Content className='wrap-v2'>
        <RecommendLeft>
          <ASHotRecommend/>
          <ASNewAlbum/>
          <ASRecomendRanking/>
        </RecommendLeft>
        <RecommendRight>
          <ASUserLogin></ASUserLogin>
          <ASSettleSinger></ASSettleSinger>
          <ASAnchor></ASAnchor>
        </RecommendRight>
      </Content>
    </RecommendWrapper>
  )
}



export default (memo(ASRecommend));








// function ASRecommend(props) {
//   const { getBanners, topBanners } = props;
//   useEffect(() => {
//     getBanners();
//   }, [getBanners])
//   return (
//     <div> 123321312::{topBanners.length}</div>
//   )
// }

// //订阅 这里的state是最外层合并的数据
// const mapStateToProps = state => ({
//   topBanners: state.recommend.topBanners
// })

// const mapDispatchToProps = dispatch => ({
//   getBanners: () => {
//     dispatch(getTopBannerAction())
//   }
// })

// export default connect(mapStateToProps, mapDispatchToProps)(memo(ASRecommend));



